<div class="table-margin">
	<div class="table-header">
		<table class="table table-bordered table-header tableStyle">
			<thead>
				<tr>
					<td class="w5 text-center">
						<!-- <input type="checkbox"	#event  (click)="selectAll(event.checked, tabVal)"	[checked]="isSelectAll"> -->
						<input type="checkbox" #event (click)="selectAll(event.checked, tabVal)" [checked]="isSelectAll">
					</td>
					<td class="w5 text-center">序号</td>
					<td class="w15 text-left">用户名</td>
					<td class="w20 text-left">昵称</td>
					<td class="w20 text-left">邮箱</td>
					<td class="w10 text-center">注册时间</td>
					<td class="w10 text-center">用户状态</td>
					<td class="w15">操作</td>
				</tr>
			</thead>
		</table>
	</div>
	<div class="table-body">
		<table class="table table-bordered table-header table-striped">
			<tbody>
				<tr *ngFor="let val of tabVal; let i = index;"	[ngClass]="{'active':i%2!=0}">
					<td class="w5 text-center">
						<input type="checkbox" #event (click)="chose(event.checked, val.userId, val.length)" [checked]="isChose">
					</td>
					<td class="w5 text-center">{{ tableNumber+i+1 }}</td>
					<td class="w15 text-left max-w" title="{{val?.userName}}">{{ val?.userName }}</td>
					<td class="w20 text-left max-w" title="{{val?.displayName}}">{{ val?.displayName }}</td>
					<td class="w20 text-left max-w" title="{{val?.email}}">{{ val?.email }}</td>
					<td class="w10 text-center max-w" title="{{val?.createDate |	date:'yyyy-MM-dd'}}">{{val?.createDate |	date:'yyyy-MM-dd'}}</td>
					<td class="w10 text-center">
						<strong class="text-success" *ngIf="val?.status==1">启用</strong> 
						<strong class="text-danger"	 *ngIf="val?.status==0">禁用</strong>
				    </td>
					<td class="w15 text-center">
						<span class="btn-i" title="详情" (click)="detailsPopup(val)" *ngIf="right['root_user']['details']">
							<img width="14px" height="10px" src="assets/right-product/view.png">
						</span> 
						
						<span class="btn-i" title="修改"  (click)="editPopup(val)" *ngIf="right['root_user']['update']">
							<img width="14px" height="14px" src="assets/right-product/edit.png">
						</span> 
						<!-- <span class="btn-i" title="所属机构" (click)="theshow()">
							<img width="18px" src="assets/right-product/institutions.png">
						</span>  -->
						<span class="btn-i " title="修改密码" (click)="updatePassword(val)" *ngIf="right['root_user']['modifyPw']">
							<img width="20px" height="20px" src="assets/right-product/password.png">
						</span> 
						<span class="btn-i " title="重置密码"  (click)="restPassword(val)" *ngIf="right['root_user']['resetPw']">
							<img width="20px" height="20px" src="assets/right-product/password-o.png">
						</span>
				  </td>
				</tr>
			</tbody>
		</table>
	</div>
</div>